@import '~@/assets/style/variable'

*
  margin 0
  padding 0
  box-sizing border-box
  list-style none

body
  font-family 'Inconsolata',-apple-system,BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen","Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",sans-serif
  -webkit-font-smoothing antialiased
  -moz-osx-font-smoothing grayscale
  background-color $bgColor

h1
h2
h3
h4
h5
h6
  font-weight normal
  color #454545
h1
h2
h3
	margin-top 20px
	margin-bottom 10px
h4
h5
h6
	margin-top 10px
	margin-bottom 10px
h1
  font-size 32px
h2
  font-size 28px
h3
  font-size 24px
h4
  font-size 20px
h5
  font-size 16px
h6
  font-size 14px

@media screen and (max-width: $smallviewwidth)
  h1
    font-size 20px
  h2
    font-size 18px
  h3
    font-size 16px
  h4
    font-size 14px
  h5
    font-size 12px
  h6
    font-size 12px

code
  font-family source-code-pro,Menlo,Monaco,Consolas,'Courier New',monospace
  padding 1px 6px
  font-size 90%
  color #c7254e
  background-color #f9f2f4
  border-radius 4px

a
  text-decoration none
  cursor pointer
    &:hover
      color $activeColor

:global
  .interactive
    cursor pointer
    &:hover
      color $activeColor
  .icon
    width 1em
    height 1em
    vertical-align -0.15em
    fill currentColor
    overflow hidden
  .hidden
    display none
img
  max-width 100%
  height auto
  margin-left auto
  margin-right auto
  